// pages/gedanGuangchang/index/index.js
const app = getApp();
var util = require("../../../utils/util");
Page({
  /**
   * 页面的初始数据
   */
  data: {
    active: 0,
    swiperActive: 0,

    // 联动的
    winHeight: "", //窗口高度
    currentTab: 0, //预设当前项的值
    scrollLeft: 0, //tab标题的滚动条位置
    tabData: [
      { index: 0, name: "精选" },
      { index: 1, name: "主题" },
      { index: 2, name: "跨年" },
      { index: 3, name: "经典" },
      { index: 4, name: "儿歌" },
      { index: 5, name: "语种" },
      { index: 6, name: "曲风" },
      { index: 7, name: "其他" },
    ],
    goodDataList: "", //精选歌单
    swiperData: "", //轮播图
  },

  // 轮播点击进入歌单详情
  swiperClick(e) {
    console.log(e.currentTarget.dataset);
    app.globalData.gedanData = e.currentTarget.dataset;
    wx.navigateTo({
      url: "../../songListDetail/songListDetail?from=" + "banner",
    });
  },
  // 歌单点击进入歌单详情
  itemClick(e) {
    console.log(e.currentTarget.dataset);
    app.globalData.gedanData = e.currentTarget.dataset;
    wx.navigateTo({
      url: "../../songListDetail/songListDetail",
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    //  高度自适应
    wx.getSystemInfo({
      success: function (res) {
        var clientHeight = res.windowHeight,
          clientWidth = res.windowWidth,
          rpxR = 750 / clientWidth;
        var calc = clientHeight * rpxR - 80;
        console.log(calc);
        that.setData({
          winHeight: calc,
        });
      },
    });
    util.postRes("/mobile/topmoduletopics", { type: 1 }, function (res) {
      if (res.status_code == 200) {
        res.data.splice(5, 4);
        that.setData({
          goodDataList: res.data,
          swiperData: res.data.slice(0, 3),
        });
      }
    });
  },
  // 滚动切换标签样式
  switchTab: function (e) {
    console.log(e.detail.current)
    this.setData({
      currentTab: e.detail.current,
    });
    this.checkCor()
  },
  // 点击标题切换当前页时改变样式
  swichNav: function (e) {
    var cur = e.target.dataset.current;
    console.log(e.target.dataset.current)
    this.setData({
      currentTab: cur,
    });
  },
  //判断当前滚动超过一屏时，设置tab标题滚动条。
  checkCor:function(){
    if (this.data.currentTab>4){
      this.setData({
        scrollLeft:300
      })
    }else{
      this.setData({
        scrollLeft:0
      })
    }
  },
  // 点击上面的tab切换和左右滑动页面时，记录当前index，发送请求，封装一个通用方法
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {},

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {},

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {},

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {},

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {},

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {},

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {},
});
